<template>
  <div class="home">
    <Monitor></Monitor>
    <Search></Search>
    <Keyword></Keyword>
  </div>
</template>

<script lang="ts">
import Monitor from './monitor/index.vue'
import Search from './search/index.vue'
import Keyword from './keyword/index.vue'
export default {
  name: 'Home',
  components: {
    Monitor,
    Search,
    Keyword
  }
}
</script>
<script lang="ts" setup>
import { useUserInfoStore } from '@/stores/userInfo';
import { onMounted } from 'vue'
import { useReportDataStore } from '@/stores/reportData'
const userInfoStore = useUserInfoStore()
const reportDataStore = useReportDataStore()
// 页面挂载完毕就发送请求 获取数据
onMounted(() => {
  reportDataStore.getReportData()
})


</script>

<style scoped>
.home {
  width: 100%;
  height: 100%;
  padding: 20px;
}
</style>
